<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../../yl/index.css" />
    <link rel="stylesheet" href="../../yl/style.css" />
    <link rel="stylesheet" href="../../style/free.css" />
    <title>我的申报</title>
    <style>
        body {
            background-color: rgb(244, 244, 244);
        }
    </style>
</head>

<body>
    <div id="app" class="flex flex-column" >
        <!--  -->
        <template v-if="true">
            <div class="m-3 rounded-lg bg-white p-3">
                <span class="font-md font-weight-bold">{{formData.Row_Status=='0'?'审核中...':formData.Row_Status=='2'?'已通过':'已拒绝'}}</span>
            </div>
            <!--  -->
            <div class="mx-3 rounded-lg bg-white pb-1">
                <div class="flex justify-center pt-3 pb-1">
                    <span class="font font-weight-bold">{{formData.Village_Project_Category}}</span>
                </div>
                <div class="mx-3 py-2 flex align-center justify-between">
                    <span class="font font-weight-bold flex-shrink">申请人</span>
                    <span class="font">{{formData.Applicant_Name}}</span>
                </div>
                <div class="mx-3 py-2 flex align-center justify-between">
                    <span class="font font-weight-bold flex-shrink">联系方式</span>
                    <span class="font">{{formData.Applicant_Contact}}</span>
                </div>
                <div class="mx-3 py-2 flex align-center justify-between">
                    <span class="font font-weight-bold flex-shrink">身份证号</span>
                    <span class="font">{{formData.ID_Card_Number}}</span>
                </div>
                <div class="mx-3 py-2 flex align-center justify-between">
                    <span class="font font-weight-bold flex-shrink">所在区域</span>
                    <span class="font">{{formData.County}}{{formData.Town}}{{formData.Village}}</span>
                </div>
                <div class="mx-3 py-2 flex align-center justify-between">
                    <span class="font font-weight-bold flex-shrink">详细地址</span>
                    <span class="font">{{formData.Address}}</span>
                </div>
            </div>
            <div class="mx-3 rounded-lg bg-white pb-1 mt-3">
                <div class="mx-3 py-2 flex align-center justify-between">
                    <span class="font font-weight-bold flex-shrink">基本信息</span>
                </div>
                <div class="mx-3 p-2 bg-hover-light rounded">
                    <span class="font ml-4">{{formData.Project_Main}}</span>
                </div>
                <div class="mx-3 py-2 flex align-center justify-between">
                    <span class="font font-weight-bold flex-shrink">建设内容</span>
                </div>
                <div class="mx-3 p-2 bg-hover-light rounded">
                    <span class="font ml-4">{{formData.Construction_Content}}</span>
                </div>
                <div class="mx-3 pt-4 pb-2 flex align-center justify-between">
                    <span class="font font-weight-bold flex-shrink">投资规模</span>
                    <span class="font">{{formData.Investment_Scale}}</span>
                </div>
                <div class="mx-3 py-2 flex align-center justify-between">
                    <span class="font font-weight-bold flex-shrink">资金来源</span>
                </div>
                <div class="mx-3 p-2 bg-hover-light rounded">
                    <span class="font ml-4">{{formData.Source_Funds}}</span>
                </div>
            </div>
            <div class="mx-3 rounded-lg bg-white mt-3 mb-4" v-if="tableData.length > 0">
                <div class="mx-3 py-2 flex align-center justify-between">
                    <span class="font font-weight-bold flex-shrink">附件</span>
                </div>
                <div class="mx-3 flex align-center mb-3" v-for="(item,index) in tableData" :key="index">
                    <div class="flex align-start w-100">
                        <el-image class="flex-shrink" src="../../admin/images/txt.png" style="width: 80rem;" fit="contain"></el-image>
                        <span class="font font-weight-bold ml-2">{{item.Attachment_Name}}</span>
                    </div>
                    <div class="flex-shrink">
                        <span class="px-2 border rounded font-sm" @click="previewFile(item)">查看</span>
                    </div>
                </div>
            </div>
        </template>
    </div>
    <script src="../../utils/utils.js"></script>
    <script src="../../utils/mixins.js"></script>
    <script src="../../config/config.js"></script>
    <script src="../../yl/vue.js"></script>
    <script src="../../yl/index.js"></script>
    <script src="../../yl/zh-cn.mjs"></script>
    <script src="../../yl/index.iife.min.js"></script>
    <script src="../../yl/jquery.min.js"></script>
    <script src="../../utils/jquery.cookie.js"></script>
    <script src="../../api/request.js"></script>
    <script src="../../utils/jweixin.js"></script>
    <script src="./js/detail.js"></script>
</body>

</html>